{* Smarty *}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{$pageTitle}</title>
<meta name="keywords" content="{$keywords}" />
<meta name="description" content="{$description}" />
<link href="{$siteUrl}css/templatemo_style.css" rel="stylesheet" type="text/css" />
<script src="{$siteUrl}js/clearFields.js" type="text/javascript"></script>
<script src="{$siteUrl}js/analiza.js" type="text/javascript"></script>
{if $menuActive==2}
	<script src="{$siteUrl}lib/audioPlayer/jquery.js"></script>	
	<script src="{$siteUrl}lib/audioPlayer/mediaelement-and-player.min.js"></script>
	<link rel="stylesheet" href="{$siteUrl}lib/audioPlayer/mediaelementplayer.min.css" />
{/if}


</head>
<body>
<div>
<div id="templatemo_container_wrapper">
<div id="templatemo_container">
	<div id="templatemo_banner">
		<div id="site_title">
            <h1><a href="{$siteUrl}" target="_parent">{$siteName}<span>{$siteSlogan}</span></a></h1>
		</div>
        <div id="templatemo_menu">
            <ul>
            	{foreach from=$menu item=i name=menu}
                <li><a href="/{$i.href}" {if $menuActive == $smarty.foreach.menu.iteration}class="current"{/if}>{$i.value}</a></li>
                {/foreach}
            </ul>
		</div> <!-- end of menu -->
    </div> <!-- end of banner -->
    
    <div id="templatemo_content">
        <div id="side_column">
        	<div class="side_column_box">
            	<h2><span> </span>{$songs}</h2>
                <div class="side_column_box_content">
				{foreach from=$songsItems key="mykey" item="myitem"}
					<div class="news_section">
						<h3><a href="{$myitem.link}">{$myitem.name}</a></h3>
						{if isset($myitem.imag)}<a href="#"><img class="image_wrapper" src="{$siteUrl}images/{$myitem.imag}" alt="flower" /></a>{/if}
						<p>{$myitem.desc}</p>
					{if $userIsLoggedIn == '1' && $actionNews == 1}
					<br/><a href="{$siteUrl}band/editNews/{$myitem.id}" />{$lang.common.edit}</a>
					{/if}
					</div>
				{/foreach}
				<div class="button_01"><a href="#">View All</a></div>
                </div>
                
                <div class="bottom"> </div>
            </div>
            
            {if ($newsLetterDisplay == 1)}
            <div class="side_column_box">
            	<h2><span> </span>Newsletter</h2>
                <div class="side_column_box_content">
                    <form action="/emailAdd/" method="get">
                        <input type="text" value="Enter your email address..." name="q" size="10" class="inputfield" title="searchfield" onfocus="clearText(this)" onblur="clearText(this)" />
                        <input type="submit" name="Search" value="Subscribe" alt="Search" class="submit_button" title="Search" />
                    </form>
                    <div class="cleaner"> </div>
                </div> 
                
                <div class="bottom"> </div>
            </div>
            {/if}
        
        </div> <!-- end of side column -->
        
        <div id="main_column">
		{foreach from=$mainItems key="key" item="item"}
            <div class="main_column_section">       
                <h2><span> </span>{$item.label}</h2>
                <div class="main_column_section_content">
                  <a href="#"><img class="image_wrapper fl_image" src="{$siteUrl}images/{$item.image}" alt="{$item.imageAlt}" /></a>
					
					{if $menuActive==2 and $item.fileName != ''}
						<div style="float:right; width:300px;">
							<audio src="mp3/{$item.fileName}"> </audio>	
								{literal}
									<script>
										$('audio,video').mediaelementplayer({
										audioWidth: 280,
										pauseOtherPlayers: true,
										});
									</script>
								{/literal}
						</div>
					{/if}
					{$item.descr} 

					
					{if $userIsLoggedIn == '1' && $actionNews == 1}
					<br/><br/><a href="{$siteUrl}band/editNews/{$item.id}" />{$lang.common.edit}</a>
					{/if}

                </div>
                <div class="cleaner"> </div>
                {if $menuActive==2}
                	<div class="main_column_section_content">
                		{include file='templates/songTemplate.tpl'}
                	</div>
                {/if}
              
              <div class="cleaner"> </div>
              <div class="bottom"> </div>
            </div>
		{/foreach}	

        <div class="cleaner"> </div>
        </div> <!-- end of main column -->
    
    	<div class="cleaner"> </div>
    </div> <!-- end of content -->
    
    <div id="templatemo_footer">
    
    <div id="templatemo_footer_bar">
    
        <ul class="footer_menu">
			{foreach from=$menu item=i name=menu}
                <li {if $smarty.foreach.menu.last}class="last_menu"{/if}><a href="?action={$i.href}">{$i.value}</a></li>
			{/foreach}
        </ul>

        Copyright 2013 <a href="#">{$siteName}</a> | <a href="http://www.iwebsitetemplate.com" target="_parent">Website Templates</a> by <a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a>
        
    </div>
    
    </div> <!-- end of footer -->

</div> <!-- end of container -->
</div> <!-- end of container wrapper -->
<div align="center"><a href='http://all-free-download.com/free-website-templates/'>free website templates</a> | <a href="http://www.000webhost.com/">free website hosting</a></div>

</body>

{literal}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
    /*<![CDATA[*/
   jQuery(document).ready(function(){jQuery(".tipsntrack").hover(function(){jQuery(this).stop().animate({left:"0"},"medium")},function(){jQuery(this).stop().animate({left:"-70"},"medium")},500)});
    /*]]>*/
</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script>
<style type="text/css">
    .tipsntrack {
        background: url("images/widget.png") no-repeat scroll right top transparent !important;
        display: block;float: left;height: auto;
        padding: 0 45px 0 0px;
        width: 65px;
        z-index: 99999;
        position:fixed;
        left:-70px;
        top:20%;
    }
    .tipsntrack div {
    	background: #585D13;
        border:none;
        position:relative;
        display:block;
    }
</style>
<div class="tipsntrack" style="">
<div>
     

<div class="addthis_toolbox addthis_floating_style addthis_counter_style" >
<a class="addthis_button_facebook_like" fb:like:layout="box_count"></a>
<a class="addthis_button_google_plusone" g:plusone:size="tall"></a>

<script type="text/javascript">
  window.___gcfg = {lang: 'pl'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

<a class="addthis_button_tweet" tw:count="vertical"></a>
<a class="addthis_counter"></a>

<p style='font-size:8px; font-weight:bold; text-align:center;margin-top:10px;'><c rel="nofollow" href='http://ztipsntrack.blogspot.in/2012/12/add-slide-outfloating-social.html' >Get This</a></p>
</div>
</div></div>
{/literal}

</html>